
/* prettyPhoto (this you can edit)
-------------------------------------------------------------------------------------*/

/* Dark square theme */
    
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #090909; }
div.dark_square .currentTextHolder { color: #FFFFFF; text-shadow: none; margin-top: 0px; }
div.dark_square .pp_description { color: #FFFFFF; text-shadow: none; }
div.dark_square .pp_social { margin-left: 15px; }
div.dark_square .pp_content .ppt { color: #FFFFFF; }
div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */

div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -30px -40px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -30px -61px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -40px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -61px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 50px; height: 20px; background: url(../images/prettyPhoto/dark_square/sprite.png) 0px 0px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_close:hover { width: 50px; height: 20px; background: url(../images/prettyPhoto/dark_square/sprite.png) 0px -20px no-repeat; cursor: pointer; } /* Close button */
div.dark_square #pp_full_res .pp_inline { color: #F4F4F4; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) 0px -125px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -20px -125px no-repeat; height: 15px; width: 14px; }

div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -85px no-repeat; } /* The previous arrow in the bottom nav */
    div.dark_square .pp_arrow_previous.disabled { background-position: 0 -105px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -20px -85px no-repeat; } /* The next arrow in the bottom nav */
    div.dark_square .pp_arrow_next.disabled { background-position: -20px -105px; cursor: default; }

div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

/* Light square theme */
    
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #F4F4F4; }
div.light_square .currentTextHolder { text-shadow: none; margin-top: 0px; }
div.light_square .pp_description { text-shadow: none; }
div.light_square .pp_social { margin-left: 15px; }
div.light_square .pp_content .ppt { color: #000000; }
div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_square/loader.gif) center center no-repeat; } /* Loader icon */

div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -30px -40px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -30px -61px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -40px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -61px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 50px; height: 20px; background: url(../images/prettyPhoto/light_square/sprite.png) 0px 0px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_close:hover { width: 50px; height: 20px; background: url(../images/prettyPhoto/light_square/sprite.png) 0px -20px no-repeat; cursor: pointer; } /* Close button */
div.light_square #pp_full_res .pp_inline { color: #000000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) 0px -125px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -20px -125px no-repeat; height: 15px; width: 14px; }

div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0px -85px no-repeat; } /* The previous arrow in the bottom nav */
    div.light_square .pp_arrow_previous.disabled { background-position: 0 -105px; cursor: default; }
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -20px -85px no-repeat; } /* The next arrow in the bottom nav */
    div.light_square .pp_arrow_next.disabled { background-position: -20px -105px; cursor: default; }

div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

/* prettyPhoto (do not change anything under this line)
-------------------------------------------------------------------------------------*/

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
    background: #0d0d0d;
    background-image: url(../images/pp-bg.html);
    background-repeat: repeat;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}
    
    .pp_top {
        height: 20px;
        position: relative;
    }
        * html .pp_top { padding: 0 20px; }
    
        .pp_top .pp_left {
            height: 20px;
            left: 0;
            position: absolute;
            width: 20px;
        }
        .pp_top .pp_middle {
            height: 20px;
            left: 20px;
            position: absolute;
            right: 20px;
        }
            * html .pp_top .pp_middle {
                left: 0;
                position: static;
            }
        
        .pp_top .pp_right {
            height: 20px;
            left: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
        }
    
    .pp_content { height: 40px; }
    
    .pp_fade { display: none; }
    
    .pp_content_container {
        position: relative;
        text-align: left;
        width: 100%;
    }
    
        .pp_content_container .pp_left { padding-left: 20px; }
        .pp_content_container .pp_right { padding-right: 20px; }
    
        .pp_content_container .pp_details {
            float: left;
            margin: 10px 0 2px 0;
        }
            .pp_description {
                display: none;
                margin: 0 0 5px 0;
            }

            .pp_social { float: left; margin: 0; }
            .pp_social .facebook { float: left; margin-left: 5px; width: 100px; overflow: hidden; }
            .pp_social .twitter { float: left; }
            
            .pp_nav {
                clear: left;
                float: left;
                margin: 3px 0 0 0;
            }
            
                .pp_nav p {
                    float: left;
                    margin: 2px 4px;
                }
                
                .pp_nav .pp_play,
                .pp_nav .pp_pause {
                    float: left;
                    margin-right: 5px;
                    margin-top: 3px;
                    text-indent: -10000px;
                }
            
                a.pp_arrow_previous,
                a.pp_arrow_next {
                    display: block;
                    float: left;
                    height: 15px;
                    margin-top: 3px;
                    overflow: hidden;
                    text-indent: -10000px;
                    width: 14px;
                }
    
    .pp_hoverContainer {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2000;
    }
    
    .pp_gallery {
        left: 50%;
        margin-top: -50px;
        position: absolute;
        z-index: 10000;
    }
        
        .pp_gallery ul {
            float: left;
            height: 35px;
            margin: 0 0 0 5px;
            overflow: hidden;
            padding: 0;
            position: relative;
        }
        
        .pp_gallery ul a {
            border: 1px #000 solid;
            /*border: 1px rgba(0,0,0,0.5) solid;*/
            display: block;
            float: left;
            height: 33px;
            overflow: hidden;
        }
        
        .pp_gallery ul a:hover,
        .pp_gallery li.selected a { border-color: #FFFFFF; }
        
        .pp_gallery ul a img { border: 0; }
        
        .pp_gallery li {
            display: block;
            float: left;
            margin: 0 5px 0 0;
        }
        
        .pp_gallery li.default a {
            background: url(../images/prettyPhoto/facebook/default_thumbnail.html) 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px;
        }
        
        .pp_gallery li.default a img { display: none; }
        
        .pp_gallery .pp_arrow_previous,
        .pp_gallery .pp_arrow_next {
            margin-top: 7px !important;
        }
    
    a.pp_next {
        background: url(../images/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat;
        display: block;
        float: right;
        height: 100%;
        text-indent: -10000px;
        width: 49%;
    }
        
    a.pp_previous {
        background: url(../images/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat;
        display: block;
        float: left;
        height: 100%;
        text-indent: -10000px;
        width: 49%;
    }
    
    a.pp_expand,
    a.pp_contract {
        cursor: pointer;
        display: none;
        height: 20px;   
        position: absolute;
        right: 30px;
        text-indent: -10000px;
        top: 10px;
        width: 20px;
        z-index: 20000;
    }
        
    a.pp_close {
        display: block;
        float: right;
        line-height:22px;
        text-indent: -10000px;
    }
    
    .pp_bottom {
        height: 20px;
        position: relative;
    }
        * html .pp_bottom { padding: 0 20px; }
        
        .pp_bottom .pp_left {
            height: 20px;
            left: 0;
            position: absolute;
            width: 20px;
        }
        .pp_bottom .pp_middle {
            height: 20px;
            left: 20px;
            position: absolute;
            right: 20px;
        }
            * html .pp_bottom .pp_middle {
                left: 0;
                position: static;
            }
            
        .pp_bottom .pp_right {
            height: 20px;
            left: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
        }
    
    .pp_loaderIcon {
        display: block;
        height: 24px;
        left: 50%;
        margin: -12px 0 0 -12px;
        position: absolute;
        top: 50%;
        width: 24px;
    }
    
    #pp_full_res {
        line-height: 1 !important;
    }
    
        #pp_full_res .pp_inline {
            text-align: left;
        }
        
            #pp_full_res .pp_inline p { margin: 0 0 15px 0; }

    div.ppt {
        color: #fff;
        display: none;
        font-size: 17px;
        margin: 0 0 5px 15px;
        z-index: 9999;
    }

/* Miscellaneous
-------------------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */